
*{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}
body{
  font-size: 12px;
}
a{
  text-decoration: none;
}
img{
  display: block;
}
/* 头部 */
.header{
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #f2f2f2;
  background-color: #f9f9f9;
}
.header>div{
  height: 34px;
}
/* .header>div>p{
  float: left;
  color: #646464;
  line-height: 34px;
} */

.header>div>ul{
  float: right;
  line-height: 34px;
}
.header>div>ul li{
  float: left;
  padding: 0 11px 0 7px;
}
.header>div>ul li a{
  color: #646464;
  border-right: 1px solid #e6e6e6;
  padding: 0 11px 0 7px;
line-height: 1;


}
.header>div>ul p{
  float: left;
  color: #646464;
}
.header>div>ul p a{
  color: #ff2832;
}
/* 搜索界面 */
.search{
  height: 100px;
}
.search>img{
  float: left;
  margin: 20px 170px 24px 0;
}
.search .mid{
  width: 565px;
  height: 61px;
  float: left;
  margin: 20px 0px 19px 0;
}
.search .mid form{
  width: 560px;
  height: 36px;
  border: 2px solid #ff2832;
  position: relative;
}
.search .mid form input{
  width: 490px;
  height: 36px;
  border: 0;
  float: left;
  padding: 0 12px;
}
.search .mid form div{
  position: absolute;
  width: 106px;
  height: 36px;
  background-color: #f6f6f6;
  right: 46px;
  line-height: 36px;
  text-align: center;
  color: #969696;
  font-size: 14px;
}
.search .mid form button{
  width: 46px;
  height: 36px;
  background: #ff2832;
  float: right;
  border: 0;
  color: white;
}
.search .mid dl{
  width: 565px;
  height: 12px;
  margin: 9px 0 19px;
line-height: 1;
}
.search .mid dl a{
color: #969696;
  
}
.search .mid dt{
  float: left;
}
.search .mid dd{
  float: left;
  margin: 0 8px;
}
.search .mid .r{
  float: right;
  margin: 0;
}
.search .right{
  width: 200px;
  height: 40px;
  float: right;
  margin-top: 20px;
}
.search .right .one{
  width: 110px;
  height: 40px;
  background-color: #ff2832;
  float: left;
  line-height: 36px;
text-align: center;
}
.search .right .two{
  width: 87px;
  height: 36px;
  background-color: #f6f6f6;
  border: 2px solid #dcdcdc;
  border-left: 0;
  float: left;
line-height: 36px;
text-align: center;
}
/* 导航 */
.nav{
  height: 40px;
  border-bottom: 3px solid #ff2832;
}
.nav dl{
  height: 40px;
}
.nav dt{
  background-color: #ff2832;
  width: 200px;
  height: 40px;
  float: left;
  line-height: 40px;
}
.nav dt a{
  margin-left: 20px;
  color: white;
}
.nav dl dt{
  color: white;
}

.nav dd{
  height: 40px;
  float: left;
  margin-left: 32px;
  line-height: 40px;
  font-weight: 600;
}
/* 盒子 */
.box{
  width: 100%;
  height: 31px;
  background-color: #f5f5f5;
}
.box ul{
  height: 31px;
}
.box ul li{
  float: left;
  width: 75px;
  height: 31px;
  text-align: center;
  line-height: 31px;
}
.box ul li a{
  margin: 0 6px;
  color: #646464;
  border-right: 1px solid #dcdcdc;
}
/* 大图 */
.banner{
  height: 65px;
  margin: 15px auto 10px;
}
/* 新书上架 */
.show{
  height: 920px;
}
.show .lt{
  margin-right: 10px;
  height: 913px;
  width: 190px;
  float: left;
  border: 1px solid #487a6f;
}
.show .lt h3{
  line-height: 35px;
  font-size: 16px;
  color: white;
  background-color: #487a6f;
}
.show .lt>ul>li{
  width: 165px;
  margin: 0 auto;
  line-height: 32px;
  font-weight: 900;
  border-bottom: 1px dashed #849555;
}
.show .lt>ul>li .icon-xiajiantou{
  float: right;
}
.show .lt>ul>li a{
  color: #637a6f;
}


.show .lt>ul>li ul{
  width: 165px;
  overflow: hidden;
}
.show .lt>ul>li ul li{
  float: left;
  line-height: 24px;
}
.show .lt>ul>li ul li span{
  color: red;
}
.show .lt>ul>li ul li a{
  color: #666666;
  font-weight: 400;
  padding: 0 3px;
  border-right: 1px solid #487a6f;
}
.show .lt>ul>li ul li .end{
  border: 0;
}
.show .midd{
  float: left;
  width: 750px;
  height: 920px;
}
.show .midd dl{
  width: 750px;
  height: 43px;
  margin-top: 10px;

}
.show .midd dt{
  width: 43px;
  height: 43px;
  background-color: #487a6f;
  font-size: 30px;
  border-radius: 100px;
  text-align: center;
  color: white;
  float: left;
  margin-right: 6px;
}
.show .midd dd{
  float: right;
  width: 700px;
  font-size: 18px;
  line-height: 30px;
  color: #487a6f;
margin-top: 5px;
  border-bottom: 2px solid #487a6f;
}

.show .midd ul{
  height: 480px;
  width: 750px;
  margin-top: 26px;
  position: relative;
}
.show .midd ul li{
  width: 25%;
  height: 214px;
  float: left;
  margin-bottom: 52px;
}
.show .midd ul li p{
  margin-left: 20px;
}
.show .midd ul li p+p{
color: #aaaab6;
line-height: 21px;

}
.show .midd ul li p span{
  color: #cc3300;
  margin-right: 12px;
  }
  .show .midd ul div{
    width: 80px;
    height: 10px;
    margin: 0 auto;
    position: absolute;
    bottom: -34px;
    right: 335px;
  }
  .show .midd ul div p{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #487a6f;
    float: left;
    margin: 0 5px;
  }
  .show .midd ul div p+p{
    background-color: #d2d2d2;

  }

.show .rt{
  float: right;
  width: 238px;
  height: 920px;
}
.show .rt>ul{
  width: 227px;
  height: 108px;
  border: 1px solid #eaeaea;
  padding-left: 11px;
}
.show .rt>ul h3{
  line-height: 34px;
  font-size: 16px;
}
.show .rt>ul li{
  line-height: 22px;
}
.show .rt ul li a{
 color: #000;
}
.show .rt .newbook{
  width: 238px;
  height: 193px;
  border: 1px solid #eaeaea;
position: relative;
}
.show .rt .newbook h3{
  width: 220px;
  font-size: 16px;
  line-height: 1;
  margin: 9px 0 0 10px;
}
.show .rt .newbook h3 a{
  float: right;
  font-size: 12px;
  margin-top: 3px;
  color: #5097bc;
}
.show .rt .newbook img{
  float: left;
  margin: 23px 0 0 21px;
}
.show .rt .newbook p{
float: left;
margin:43px 0 0 20px;
width: 83px;
line-height: 22px;
}
.show .rt .newbook .icon-xiajiantou{
  position: absolute;
  display: block;
 width: 50px;
 height: 25px;
 line-height: 25px;
 text-align: center;
 font-size: 20px;
 color: white;
  background-color: #c8c8c8;
  transform: rotate(90deg);
  top: 88px;
  left:-13px;
}
.show .rt .newbook .icon-xiajiantou+.icon-xiajiantou{
  top: 88px;
 left: 199px;
  transform: rotate(-90deg);

}
.show .rt .newbook p+p{
  margin: 0 20px;
  color: red;
}

.show .rt .newbook p s{
  color: #aaaaaa;
}
.show .rt .newbook ul{
  width: 100px;
  height: 10px;
  margin: 0 auto;
}
.show .rt .newbook ul li{
  margin: 15px 5px 0;
  float: left;
  border-radius: 20px;
  width: 10px;
  height: 10px;
  background-color: #487a6f;
}
.show .rt .newbook ul li+li{
  background-color: #d2d2d2;
}
.show .rt .newbook+h3{
  width: 240px;
  height: 49px;
  line-height: 60px;
  font-size: 16px;
  background-color: white;
  color: #d72853;
}
.show .rt .newbook+h3 img{
  float: left;
  margin: 13px 8px 0 5px;
}
/* 新书热卖榜 */
.list{
  width: 240px;
  height: 532px;
  border: 1px solid #c8c8c8;
  border-top: 0;
  box-sizing: border-box;

}
.list h6{
  float: left;
  box-sizing: border-box;
  width: 20%;
  text-align: center;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 3px;
  border-top: 1px solid#c8c8c8;

  border-bottom: 1px solid#c8c8c8;
  border-right: 1px solid#c8c8c8;
}
.list h6+h6+h6+h6+h6{
  border-right: 0px solid#c8c8c8;

}
.list h6:hover{
  border-top: 2px solid #487a6f;
  border-bottom: 0px solid#d8d8d8;

}
.list ul{
  float: left;
}
.list ul li{
  width: 219px;
line-height: 36px;
margin: 0 10px;
text-align: center;
  border-bottom: 1px dashed #d8d8d8;
}
.list ul .one{
  height: 158px;
}

.list ul .one p{
  float: left;
  width: 72px;
  line-height: 22px;
text-align: left;
margin-top: 15px;
}
.list ul .one p+p{
margin-top: 0px;

}
.list ul .one img+p+p{
  color: #c30000;
}
.list ul .one s{
  color: #a7a7a7;
}
.show .rt .list  ul .one a{
  color: #487a6f;
}

.list ul li span{
  float: left;
  color: #d10000;
  font-size: 14px;
}
.list ul li img{
  margin: 24px 24px 0;
float: left;
}
/* 独家特供 */
.dujia{
  height: 605px;
}
/* 上左部分 */
.dujia .left{
  float: left;
  width: 951px;
  height: 605px;

}
.dujia .left dl{
margin-top: 18px;
height: 54px;
/* border-bottom:2px solid #487a6f ; */

}
.dujia .left dt{
  font-size: 18px;
  float: left;
  color: #487a6f;
  width: 150px;
  line-height: 53px;
  border-bottom:2px solid #487a6f ;

}
.dujia .left dt span{
  display: block;
  width: 43px;
  height: 43px;
  color: white;
  text-align: center;
  background-color: #487a6f;
  border-radius: 43px;
  float: left;
  line-height: 44px;
  font-size: 30px;
}
.dujia .left dd{
  float: left;
  width: calc((100% - 194px)/11
  );
box-sizing: border-box;

  line-height: 21px;
margin-top: 30px;
text-align: center;
color: #487a6f;
border:2px solid rgba(0, 0, 0, 0) ;
border-bottom:2px solid #487a6f ;

}
.dujia .left dd:hover{
  border:2px solid #487a6f ;
  border-bottom :0;
  border-radius: 4px 4px 0 0; 
}
.dujia .left dd:hover a{
  color: #487a6f;
}
/* 书本区域 */
.dujia .left ul{
  width: 950px;
}
.dujia .left ul li{
  float: left;
  width: 20%;
  text-align: center;
  margin: 30px 0  0 0;
}
.dujia .left ul li>img{
  margin: 0 auto 10px;
  
}
.dujia .left ul li p {
  width: 108px;
  margin: 0 auto;
  line-height: 22px;
}
.dujia .left ul li p+p {
  color: #6c968d;
}
.dujia .left ul li p img{
  float: left;
  margin-top: 3px;
}
.dujia .left ul li p+p+p{
  color: #d43300;
}
.dujia .left ul li p s{
  color: #aaaaaa;
}
/*图书畅销 */
.dujia .right{
  float: left;
  margin-top: 21px;
  margin-left: 8px;
}
.dujia .right h3{
  width: 240px;
  height: 49px;
  line-height: 60px;
  font-size: 16px;
  background-color: white;
  color: #d72853;
}
.dujia .right h3 img{
  float: left;
  margin: 13px 8px 0 5px;
}
.shuwu{
  height: 200px;
border-bottom: 2px solid #969696;
}
.shuwu img{
  float: left;
  margin: 30px 27px 30px 0;
}
.shuwu img+img+img{
  margin-right: 0;
}